<template>
  <div class="iframe-container">
    <iframe
      :src="url"
      width="100%"
      height="700px"
      frameborder="0"
      scrolling="auto"
    ></iframe>
  </div>
</template>

<script setup>
// import { ref, computed } from 'vue'

// 使用 ref 定义响应式数据
// const iframeUrl = ref('https://example.com')
defineProps({
  url: {
    type: String,
    required: true,
    default:'https://trendinsight.oceanengine.com/arithmetic-index'
  }
})
</script>

<style scoped>
.iframe-container {
  width: 100%;
  height: 100%;
  min-height: 400px;
}
</style> 